<template>
    <div class="t_center">
        <mt-field  label="用户名" placeholder="请输入用户名" v-model="username"></mt-field>
        <mt-field  label="密码" placeholder="请输入密码" type="password" v-model="password"></mt-field>
        <mt-button type="primary" size="large" @click="login()">登陆</mt-button>
    </div>
</template>

<script>
export default {
    name: 'HelloWorld',
    data() {
        return {
            username: '',
            password: ''
        }
    },
    components: {
    },
    methods:{
        login(){
            this.$toast({
                message: '提示',
                position: 'bottom',
                duration: 5000
            })
        }
    }
}
</script>
<style scoped>
    .t_center{
        position: absolute;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
    }
</style>
